// main: template.less

*,*:before,*:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html{-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden;color:#333;font-size:14px;font-family:Arial,'Microsoft Yahei';-webkit-overflow-scrolling:touch}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th{margin:0;padding:0;border:0}
li,ol,ul{margin:0;padding:0;list-style-type:none}
img{max-width:100%;border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
a{background:transparent;color:inherit;text-decoration:none}
a:hover{.wbc()}
a,em,i,span{display:inline-block}
b,em,i{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px}
button{padding: 0;}
button,input,optgroup,select,textarea{outline:0;border:0;vertical-align:middle;font-family:'Microsoft Yahei'}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text]{outline:0;border:0;border-radius:0;cursor:pointer;-webkit-appearance:button}
textarea{resize:none;font-size: 14px;}
textarea,.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none}
.select::-ms-expand{display:none}
.clearfix:after,.clearfix:before,.mauto:after,.mauto:before{display:table;content:""}
.clearfix:after,.mauto:after{clear:both}
.clear{height:0;clear:both;}
.mauto{max-width:1200px;margin:0 auto;}
.m-au{margin-left: auto;margin-right: auto;}
.db{display:block}
.dib{display:inline-block}
.dn{display:none}
.rel{position:relative}
.abs{position:absolute}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.fb{font-weight:bold;}
.wh1{width:100%;height:100%}
.dt{display:table}
.dtm{display:table;margin:0 auto}
.dtcell{display:table-cell;vertical-align:middle;text-align:center}
.els{display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}
.els2{display:block;display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.po-auto{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%}
.img-md img{transform:scale(1);-webkit-transform:scale(1);transition:all .8s;-webkit-transition:all .8s;}
.img-md:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.tra,a{transition:all .3s;-webkit-transition:all .3s}
.cx{.wbc()}
.cf{color:#fff}
.c0{color:#000}
.c1{color:#111}
.c2{color:#222}
.c3{color:#333}
.c4{color:#444}
.c5{color:#555}
.c6{color:#666}
.c7{color:#777}
.c8{color:#888}
.c9{color:#999}
.cd{color:#ddd}
.ce{color:#eee}
.bgf{background:#fff}
.bge{background:#eee}
.bgd{background:#ddd}
.li20{line-height:20px}
.li25{line-height:25px}
.li30{line-height:30px}
.li35{line-height:35px}
.f12{font-size:12px}
.f13{font-size:13px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f28{font-size:28px}
.f30{font-size:30px}
.f32{font-size:32px}
.f36{font-size:36px}
.f40{font-size:40px}
.f46{font-size:46px}
.f48{font-size:48px}
.f60{font-size:60px}
.f72{font-size:72px}
// 弹性盒子
.dfcc,.dfccs,.dflc,.dflr,.dflrs{
  display: -webkit-flex;
  display: flex;
}
// （左右）交叉轴的中点对齐
.dfcc,.dfccs{
  justify-content: center;
  -webkit-justify-content: center;
}
// （上下）交叉轴的中点对齐
.dflc,.dfcc,.dfccs,.dflr,.dflrs{
  align-items: center;
  -webkit-align-items: center;
}
// 两端对齐，项目之间间隔相等
.dflr{
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
// 左右布局--平均分布
.dflrs{
  // IE 不太兼容
  // justify-content: space-evenly;
  // -webkit-justify-content: space-evenly;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
// 换行
.dfccs{
  -webkit-flex-direction: column;
  flex-direction: column;
}

// Slick
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  &:focus {
    outline: none;
  }
  &.dragging {
    cursor: pointer;
    cursor: hand;
  }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  &:before,
  &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
  .slick-loading & {
    visibility: hidden;
  }
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  [dir="rtl"] & {
    float: right;
  }
  img {
    width: 100%;
    display: block;
  }
  &.slick-loading img {
    display: none;
  }
  display: none;
  &.dragging img {
    pointer-events: none;
  }
  .slick-initialized & {
    display: block;
  }
  .slick-loading & {
    visibility: hidden;
  }
  .slick-vertical & {
    display: block;
    height: auto;
  }
}
.slick-arrow.slick-hidden {
  display: none;
}
// 左右按钮
.slick-prev,.slick-next{
  z-index: 1;
  position: absolute;
  top: 50%;
  // padding: 0;
  font-size: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.slick-prev{
  left: 0;
}
.slick-next{
  right: 0;
}
// 圆点
.slick-dots{
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  font-size: 0;
  text-align: center;
  li{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
    &.slick-active,&:hover,&:focus{
      background: #333;
    }
    button{
      // font-size: 0;
      display: none;
    }
  }
}

// 出场动画
.animation{visibility:hidden;opacity:0}
.fadel,.fader,.fadeup,.fadez{visibility:visible}
.fadeup{animation:slideInUp ease-out .6s forwards;-webkit-animation:slideInUp ease-out .6s forwards}
@keyframes slideInUp{
from{transform:translate3d(0,50%,0)}
to{opacity:1;transform:none}
}
@-webkit-keyframes fadeInUp{
from{-webkit-transform:translate3d(0,50%,0)}
to{opacity:1;-webkit-transform:none}
}
.fadel{animation:slideInLeft ease-out .6s forwards;-webkit-animation:slideInLeft ease-out .6s forwards}
@keyframes slideInLeft{
from{transform:translate3d(-50%,0,0)}
to{opacity:1;transform:none}
}
@-webkit-keyframes slideInLeft{
from{-webkit-transform:translate3d(-50%,0,0)}
to{opacity:1;-webkit-transform:none}
}
.fader{animation:slideInRight ease-out .6s forwards;-webkit-animation:slideInRight ease-out .6s forwards}
@keyframes slideInRight{
from{transform:translate3d(50%,0,0)}
to{opacity:1;transform:none}
}
@-webkit-keyframes slideInRight{
from{-webkit-transform:translate3d(50%,0,0)}
to{opacity:1;-webkit-transform:none}
}
.fadez{animation:zoomIn ease-out .6s forwards;-webkit-animation:zoomIn ease-out .6s forwards}
@keyframes zoomIn{
from{transform:scale3d(.3,.3,.3)}
to{opacity:1;transform:none}
}
@-webkit-keyframes zoomIn{
from{-webkit-transform:scale3d(.3,.3,.3)}
to{opacity:1;-webkit-transform:none}
}
// 图片加载
.imgs{
  overflow:hidden;
  background: #eee url() no-repeat center;
  img{
    width:100%;height:100%;object-fit:cover;
  }
}

// Rem
.mt5{margin-top:.05rem}
.mt10{margin-top:.1rem}
.mt15{margin-top:.15rem}
.mt20{margin-top:.2rem}
.mt25{margin-top:.25rem}
.mt30{margin-top:.3rem}
.mt35{margin-top:.35rem}
.mt40{margin-top:.4rem}
.mt45{margin-top:.45rem}
.mt50{margin-top:.5rem}
.mt60{margin-top:.6rem}

.mr5{margin-right:.05rem}
.mr10{margin-right:.1rem}
.mr15{margin-right:.15rem}
.mr20{margin-right:.2rem}
.mr25{margin-right:.25rem}
.mr30{margin-right:.3rem}
.mr35{margin-right:.35rem}
.mr40{margin-right:.4rem}
.mr45{margin-right:.45rem}
.mr50{margin-right:.5rem}
.mr60{margin-right:.6rem}

.mb5{margin-bottom:.05rem}
.mb10{margin-bottom:.1rem}
.mb15{margin-bottom:.15rem}
.mb20{margin-bottom:.2rem}
.mb25{margin-bottom:.25rem}
.mb30{margin-bottom:.3rem}
.mb35{margin-bottom:.35rem}
.mb40{margin-bottom:.4rem}
.mb45{margin-bottom:.45rem}
.mb50{margin-bottom:.5rem}
.mb60{margin-bottom:.6rem}

.ml5{margin-left:.05rem}
.ml10{margin-left:.1rem}
.ml15{margin-left:.15rem}
.ml20{margin-left:.2rem}
.ml25{margin-left:.25rem}
.ml30{margin-left:.3rem}
.ml35{margin-left:.35rem}
.ml40{margin-left:.4rem}
.ml45{margin-left:.45rem}
.ml50{margin-left:.5rem}
.ml60{margin-left:.6rem}

.pt5{padding-top:.05rem}
.pt10{padding-top:.1rem}
.pt15{padding-top:.15rem}
.pt20{padding-top:.2rem}
.pt25{padding-top:.25rem}
.pt30{padding-top:.3rem}
.pt35{padding-top:.35rem}
.pt40{padding-top:.4rem}
.pt45{padding-top:.45rem}
.pt50{padding-top:.5rem}
.pt60{padding-top:.6rem}

.pr5{padding-right:.05rem}
.pr10{padding-right:.1rem}
.pr15{padding-right:.15rem}
.pr20{padding-right:.2rem}
.pr25{padding-right:.25rem}
.pr30{padding-right:.3rem}
.pr35{padding-right:.35rem}
.pr40{padding-right:.4rem}
.pr45{padding-right:.45rem}
.pr50{padding-right:.5rem}
.pr60{padding-right:.6rem}

.pb5{padding-bottom:.05rem}
.pb10{padding-bottom:.1rem}
.pb15{padding-bottom:.15rem}
.pb20{padding-bottom:.2rem}
.pb25{padding-bottom:.25rem}
.pb30{padding-bottom:.3rem}
.pb35{padding-bottom:.35rem}
.pb40{padding-bottom:.4rem}
.pb45{padding-bottom:.45rem}
.pb50{padding-bottom:.5rem}
.pb60{padding-bottom:.6rem}

.pl5{padding-left:.05rem}
.pl10{padding-left:.1rem}
.pl15{padding-left:.15rem}
.pl20{padding-left:.2rem}
.pl25{padding-left:.25rem}
.pl30{padding-left:.3rem}
.pl35{padding-left:.35rem}
.pl40{padding-left:.4rem}
.pl45{padding-left:.45rem}
.pl50{padding-left:.5rem}
.pl60{padding-left:.6rem}

// Px

// .mt5{margin-top:5px}
// .mt10{margin-top:10px}
// .mt15{margin-top:15px}
// .mt20{margin-top:20px}
// .mt25{margin-top:25px}
// .mt30{margin-top:30px}
// .mt35{margin-top:35px}
// .mt40{margin-top:40px}
// .mt45{margin-top:45px}
// .mt50{margin-top:50px}

// .mr5{margin-right:5px}
// .mr10{margin-right:10px}
// .mr15{margin-right:15px}
// .mr20{margin-right:20px}
// .mr25{margin-right:25px}
// .mr30{margin-right:30px}
// .mr35{margin-right:35px}
// .mr40{margin-right:40px}
// .mr45{margin-right:45px}
// .mr50{margin-right:50px}

// .mb5{margin-bottom:5px}
// .mb10{margin-bottom:10px}
// .mb15{margin-bottom:15px}
// .mb20{margin-bottom:20px}
// .mb25{margin-bottom:25px}
// .mb30{margin-bottom:30px}
// .mb35{margin-bottom:35px}
// .mb40{margin-bottom:40px}
// .mb45{margin-bottom:45px}
// .mb50{margin-bottom:50px}

// .ml5{margin-left:5px}
// .ml10{margin-left:10px}
// .ml15{margin-left:15px}
// .ml20{margin-left:20px}
// .ml25{margin-left:25px}
// .ml30{margin-left:30px}
// .ml35{margin-left:35px}
// .ml40{margin-left:35px}
// .ml45{margin-left:45px}
// .ml50{margin-left:50px}

// .pt5{padding-top:5px}
// .pt10{padding-top:10px}
// .pt15{padding-top:15px}
// .pt20{padding-top:20px}
// .pt25{padding-top:25px}
// .pt30{padding-top:30px}
// .pt35{padding-top:35px}
// .pt40{padding-top:40px}
// .pt45{padding-top:45px}
// .pt50{padding-top:50px}

// .pr5{padding-right:5px}
// .pr10{padding-right:10px}
// .pr15{padding-right:15px}
// .pr20{padding-right:20px}
// .pr25{padding-right:25px}
// .pr30{padding-right:30px}
// .pr35{padding-right:35px}
// .pr40{padding-right:40px}
// .pr45{padding-right:45px}
// .pr50{padding-right:50px}

// .pb5{padding-bottom:5px}
// .pb10{padding-bottom:10px}
// .pb15{padding-bottom:15px}
// .pb20{padding-bottom:20px}
// .pb25{padding-bottom:25px}
// .pb30{padding-bottom:30px}
// .pb35{padding-bottom:35px}
// .pb40{padding-bottom:40px}
// .pb45{padding-bottom:45px}
// .pb50{padding-bottom:50px}

// .pl5{padding-left:5px}
// .pl10{padding-left:10px}
// .pl15{padding-left:15px}
// .pl20{padding-left:20px}
// .pl25{padding-left:25px}
// .pl30{padding-left:30px}
// .pl35{padding-left:35px}
// .pl40{padding-left:40px}
// .pl45{padding-left:45px}
// .pl50{padding-left:50px}

// 栅格
.lg-12,.lg-3,.lg-4,.lg-6{float:left}
.lg-12{width:100%}
.lg-6{width:50%}
.lg-4{width:33.33333333%}
.lg-3{width:25%}

@media(max-width:1024px){
.md-dn{display:none!important}
.md-db{display:block!important}
.md-12,.md-3,.md-4,.md-6{float:left}
.md-12{width:100%!important}
.md-6{width:50%!important}
.md-4{width:33.33333333%!important}
.md-3{width:25%!important}
}

@media(max-width:768px){
.sm-12,.sm-3,.sm-4,.sm-6{float:left}
.sm-12{width:100%!important}
.sm-6{width:50%!important}
.sm-4{width:33.33333333%!important}
.sm-3{width:25%!important}
.sm-ha{height:auto!important}

.sm-mt5{margin-top:.05rem}
.sm-mt10{margin-top:.1rem}
.sm-mt15{margin-top:.15rem}
.sm-mt20{margin-top:.2rem}
.sm-mt25{margin-top:.25rem}
.sm-mt30{margin-top:.3rem}
.sm-mt35{margin-top:.35rem}
.sm-mt40{margin-top:.4rem}
.sm-mt45{margin-top:.45rem}
.sm-mt50{margin-top:.5rem}
.sm-mt0{margin-top:0!important}

.sm-mr5{margin-right:.05rem}
.sm-mr10{margin-right:.1rem}
.sm-mr15{margin-right:.15rem}
.sm-mr20{margin-right:.2rem}
.sm-mr25{margin-right:.25rem}
.sm-mr30{margin-right:.3rem}
.sm-mr35{margin-right:.35rem}
.sm-mr40{margin-right:.4rem}
.sm-mr45{margin-right:.45rem}
.sm-mr50{margin-right:.5rem}
.sm-mr0{margin-right:0!important}

.sm-mb5{margin-bottom:.05rem}
.sm-mb10{margin-bottom:.1rem}
.sm-mb15{margin-bottom:.15rem}
.sm-mb20{margin-bottom:.2rem}
.sm-mb25{margin-bottom:.25rem}
.sm-mb30{margin-bottom:.3rem}
.sm-mb35{margin-bottom:.35rem}
.sm-mb40{margin-bottom:.4rem}
.sm-mb45{margin-bottom:.45rem}
.sm-mb50{margin-bottom:.5rem}
.sm-mb0{margin-bottom:0!important}

.sm-ml5{margin-left:.05rem}
.sm-ml10{margin-left:.1rem}
.sm-ml15{margin-left:.15rem}
.sm-ml20{margin-left:.2rem}
.sm-ml25{margin-left:.25rem}
.sm-ml30{margin-left:.3rem}
.sm-ml35{margin-left:.35rem}
.sm-ml40{margin-left:.4rem}
.sm-ml45{margin-left:.45rem}
.sm-ml50{margin-left:.5rem}
.sm-ml0{margin-left:0!important}

.sm-m0{margin:0!important}

.sm-pt5{padding-top:.05rem}
.sm-pt10{padding-top:.1rem}
.sm-pt15{padding-top:.15rem}
.sm-pt20{padding-top:.2rem}
.sm-pt25{padding-top:.25rem}
.sm-pt30{padding-top:.3rem}
.sm-pt35{padding-top:.35rem}
.sm-pt40{padding-top:.4rem}
.sm-pt45{padding-top:.45rem}
.sm-pt50{padding-top:.5rem}
.sm-pt0{padding-top:0!important}

.sm-pr5{padding-right:.05rem}
.sm-pr10{padding-right:.1rem}
.sm-pr15{padding-right:.15rem}
.sm-pr20{padding-right:.2rem}
.sm-pr25{padding-right:.25rem}
.sm-pr30{padding-right:.3rem}
.sm-pr35{padding-right:.35rem}
.sm-pr40{padding-right:.4rem}
.sm-pr45{padding-right:.45rem}
.sm-pr50{padding-right:.5rem}
.sm-pr0{padding-right:0!important}

.sm-pb5{padding-right:.05rem}
.sm-pb10{padding-bottom:.1rem}
.sm-pb15{padding-bottom:.15rem}
.sm-pb20{padding-bottom:.2rem}
.sm-pb25{padding-bottom:.25rem}
.sm-pb30{padding-bottom:.3rem}
.sm-pb35{padding-bottom:.35rem}
.sm-pb40{padding-bottom:.4rem}
.sm-pb45{padding-bottom:.45rem}
.sm-pb50{padding-bottom:.5rem}
.sm-pb0{padding-bottom:0!important}

.sm-pl5{padding-left:.05rem}
.sm-pl10{padding-left:.1rem}
.sm-pl15{padding-left:.15rem}
.sm-pl20{padding-left:.2rem}
.sm-pl25{padding-left:.25rem}
.sm-pl30{padding-left:.3rem}
.sm-pl35{padding-left:.35rem}
.sm-pl40{padding-left:.4rem}
.sm-pl45{padding-left:.45rem}
.sm-pl50{padding-left:.5rem}
.sm-pl0{padding-left:0!important}

.sm-p0{padding:0!important}

.sm-db{display:block!important}
.sm-dn{display:none!important}

}